html, body{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;width: 100%;height: 100%;overflow: hidden;}
::-webkit-scrollbar{width:5px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:5px; background-color:#A6A6A6;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}
body, input, textarea{font-family: arial, 'microsoft yahei'}
body{background: url(../app/bg_1.jpg) no-repeat transparent;background-size: 100% 100%;}
body.black{background-image: url(../app/bg.jpg);}
body.black .logout{color:#002a80;}
.desktop{position: absolute;margin: 10px;left: 0;right: 0;top: 0;bottom: 40px;}
.task-bar{
    overflow: hidden;position: fixed;left: 0;right: 0;bottom: 0;height: 40px;border-top: solid 1px #ddd;cursor: default;z-index: 9999999;}
.link{width: 100px;height: 100px;display: inline-block;text-align: center;line-height: 40px;float: left;color: #fff;border: solid 1px rgba(0, 0, 0, 0);cursor: default;text-decoration: none;}
.link img{width: 50px;height: 50px;margin-top: 10px;}
.link span{display: block;}
.app{position: absolute;}
.app:hover, .app.active{color: #fff;text-decoration: none;border: solid 1px rgba(0, 0, 0, 0.4);background: rgba(220, 180, 255, 0.5);}
.task-bar .task-bar-bg{position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.4);z-index: -1;}
.task-bar .item{display: inline-block;float: left;margin:0 2px;padding:0 10px;min-width: 50px;
    line-height: 40px;text-align: center;color: #fff;border-right: solid 1px #7F7D7D;border-left: solid 1px #7F7D7D;}
#os_task_bar{margin-left: 40px;}
.task-bar .start{
    position: absolute;
    left: 3px;
    bottom: 3px;
    width:40px;
    height:40px;
}
.task-bar .start-icon{
    overflow: hidden;
    background: url(../app/icon-osw.png) center center no-repeat rgba(0, 0, 0, 0);
    width: 34px;
    display: inline-block;
    height: 34px;
    margin: 3px;
    background-size: 100%;
}
.task-bar .item:hover,.task-bar .start:hover{background-color: rgba(0, 0, 0, 0.4);}
.login-info{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index:9999;
    color:#fff;
    font-size: 16px;
}
.logout{
    color:#fff;
    font-size: 16px;
}
.version{position: absolute;right: 10px;bottom: 0px;color: #999;text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.6);}
.msg-close{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    color: #7A7A7A;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
}
.msg-close:hover{
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
.notice-wrapper{
    background: none !important;
}
.notice-wrapper .layui-layer-content{
    background-color: #F7F7F7;
    box-shadow: 0 0 5px #000;
    border-radius: 3px;
}
.notice-wrapper .layui-layer-content .content a{
    text-decoration: underline;
}
.login-user-info{
    position: absolute;
    right: 10px;
    top: 50px;
    color: #FFF;
    background: rgba(0,0,0,0.3);;
    border: solid 1px rgba(0,0,0,0.2);
    padding: 35px;
    text-align: center;
}
.login-user-info .datetime-info{
    font-size: 30px;
}
@-webkit-keyframes twinkling{
    0%{
       background: #aaa;
    }
    100%{
        background: #2E006C;
    }
}
.twinkling{
    -webkit-animation:twinkling .5s infinite ease-in-out;
}